<template>
  <div class="content-wrapper">
    <div class="main-title">全栈自研可控 建设“央企信创云”</div>
    <div class="main-sub-title">天翼云的全栈自研平台能力，以及全生命周期的信创支撑服务体系，全面支撑国资委信创云项目落地</div>
    <div class="flex-row flex-row-center pr-60 pl-60 mt-80">
      <div class="flex-1">
        <div class="fs-24 f-normal f-bold text-center mb-20">天翼云信创能力“H”架构</div>
        <img src="@/assets/images/h-img2.png" />
      </div>
      <div class="ml-80">
        <div class="list mt-50">
          <div class="title">IaaS+PaaS核心能力</div>
          <div class="fs-24 f-normal f-bold">全栈自研</div>
        </div>
        <div class="list mt-50">
          <div class="title">基础设施+通用应用</div>
          <div class="fs-24 f-normal f-bold">全面适配</div>
        </div>
        <div class="list mt-50">
          <div class="title">两大支撑体系服务央企</div>
          <div class="fs-24 f-normal f-bold">“上云无忧+用云无忧”</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'index'
  }
</script>

<style scoped lang="scss">
.list{
  width: 300px;
  text-align: center;
  background-color: rgba(255, 255, 255, .05);
  line-height: 60px;
  .title{
    background: #FFAC44;
    color: #000000;
    font-size: 24px;
    font-weight: bold;
  }
}
</style>
